<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="CSS/style.css" />
		<title>新闻</title>
		<script src="bootstrap/js/jquery-3.5.1.slim.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style>

		</style>
	</head>
	<body>
		<header>
			<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
				<a class="navbar-brand"><img src="images/biaoqian.jpg" width="150px" height="80px"></a>
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navtop">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navtop">
					<ul class="navbar-nav mr-auto text-white" style="font-size: 30px;">
						<li class="nav-item">
							<a class="nav-link" href="index.html">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link active" href="#">新闻</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="jueshe.html">角色</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="shijie.html">世界</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="shequ.html">攻略</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="chongzhi.html">充值</a>
						</li>
					</ul>
					<span class="text-danger mr-3 ml-3"><img src="images/mihayou.png" width="160" height="50"></span>
					<a class="text-white" style="margin: 10px;font-size: 20px;">登录</a>
					<a class="text-white" style="margin: 10px;font-size: 20px;">/</a>
					<a class="text-white mr-5" style="margin: 10px;font-size: 20px;">注册</a>
				</div>
			</nav>
		</header>

		<div class="container" style="margin-top: 10px;">
			<ul class="nav nav-pills justify-content-end">
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link active" data-toggle="tab" href="#zuixin">最新</a>
				</li>
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#xinwen">新闻</a>
				</li>
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#huodong">活动</a>
				</li>
				<li class="nav-item font-weight-bold" style="font-size: 25px;">
					<a class="nav-link" data-toggle="tab" href="#gonggao">公告</a>
				</li>
			</ul>

			<div class="tab-content">
				<!-- 最新标签 -->
				<div class="tab-pane fade show active" id="zuixin">
					<!-- 最新1 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">最新</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》跃迁概率
								</a>
							</div>
							
							
							<h3>211</h3>
							
							<p class="a2 text-white">
								有效时间：永久<br />
								「始发跃迁」为永久跃迁，开拓者仅可进行十连跃迁，每10次跃迁必定获取至少1个
								4星或以上的角色或光锥。十连跃迁所消耗的「星轨通票」享受8折优惠。本跃迁存在
								参与次数上限，最高为50次。50次跃迁内必定获取1个或以上的5星角色。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/跃迁.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 最新2 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">最新</p>
								<a class="nav-link a-1 font-weight-bold">
									光锥活动跃迁：「流光定影」、「溯回忆象」
								</a>
							</div>
							<p class="a2 text-white">
								活动期间：<br />
								限定5星光锥「梦应归于何处（毁灭）」，限定5星光锥「镜中故我（同谐）」，
								4星光锥「记忆中的模样（同谐）」，「余生的第一天（存护）」，「猎物的视线（虚无）」
								跃迁成功概率限时提升。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/卡池.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 最新3 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">最新</p>
								<a class="nav-link a-1 font-weight-bold">
									角色活动跃迁：「盈茧炽盛」、「疏影三迭」
								</a>
							</div>
							<p class="a2 text-white">
								活动期间：<br />
								限定5星角色「流萤（毁灭•火）」，限定5星角色「阮•梅（同谐•冰）」，
								4星角色「加拉赫（丰饶•火）」，「米沙（毁灭•冰）」，「雪衣（毁灭•量子）」
								跃迁成功概率限时提升。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/角色卡池.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 最新4 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">最新</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》流萤角色PV——「壳中萤火」
								</a>
							</div>
							<p class="a2 text-white">
								「火萤这种生物很神奇吧？它们或许会扑向火烛，或许会突然老化。
								但在那之前的每一个夜晚，它们的光芒会比星星更耀眼。」
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/PV.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
				</div>

				<!-- 新闻标签 -->
				<div class="tab-pane fade" id="xinwen">
					<!-- 新闻1 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">新闻</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》流萤角色PV——「壳中萤火」
								</a>
							</div>
							<p class="a2 text-white">
								「火萤这种生物很神奇吧？它们或许会扑向火烛，或许会突然老化。
								但在那之前的每一个夜晚，它们的光芒会比星星更耀眼。」
							</p>
						</div>
						<div class="col-3 col-lg-3">
							<a href="#">
								<img src="images/PV.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 新闻2 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">新闻</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》动画短片：「格拉默的余烬」
								</a>
							</div>
							<p class="a2 text-white">
								「格拉默军规第22条，骑士应将一切献给女皇陛下——包括死亡。」
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/动画.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 新闻3 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">新闻</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》走近星穹——「流萤：海洋防火刻不容缓」
								</a>
							</div>
							<p class="a2 text-white">
								星核猎手中最为恐怖的危险分子，竟然是一位██████哈喽我是银狼。这期做得不错，
								提出表扬。希望你们节目能保持住这个水准，不要乱说星核猎手的坏话哦。小鸟哥，
								下次见。█████与特邀嘉宾瓦尔特先生一起走近星核猎手「萨姆」的爆裂人生！
								敬请收看星际和平娱乐特别节目《走近星穹》——「流萤：海洋防火刻不容缓」。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/走近.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 新闻4 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">新闻</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》千星纪游PV：「此刻，在同一片星空下」
								</a>
							</div>
							<p class="a2 text-white">
								「格拉默军规第1条，骑士应为自己的诞生感到荣耀。」
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/游记.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
				</div>

				<!-- 活动标签 -->
				<div class="tab-pane fade" id="huodong">
					<!-- 活动1 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">活动</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》 x bilibili动画区「星穹夏日联欢盛典2.0」活动报名开启！
								</a>
							</div>
							<p class="a2 text-white">
								亲爱的开拓者：<br />
								《崩坏：星穹铁道》 x bilibili动画区「星穹夏日联欢盛典2.0」活动报名已开启，
								150万+奖金加码，诚邀所有开拓者加入这场创作派对！
								<br />
								6月1日起，登录哔哩哔哩平台，搜索「星穹夏日联欢盛典」，根据活动规则参与报名
								并投稿作品，最高有机会获得30万元的单项奖金！
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/活动1.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 活动2 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">活动</p>
								<a class="nav-link a-1 font-weight-bold">
									知更鸟全新专辑《空气蛹》活动上线
								</a>
							</div>
							<p class="a2 text-white">
								希望，是一只带有羽毛的东西。它在我的灵魂中筑巢栖息，唱着没有词的歌曲，似乎永远不会停息。
								<br />
								「空气蛹 INSIDE」——《崩坏：星穹铁道》知更鸟首张专辑《空气蛹INSIDE》
								音乐活动H5现已正式上线QQ音乐、酷狗音乐，参与活动即可领取星琼。欢迎各位开拓者前往平台收听。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/活动2.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 活动3 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">活动</p>
								<a class="nav-link a-1 font-weight-bold">
									2.2版本「等醒来再哭泣」激励计划现已开启
								</a>
							</div>
							<p class="a2 text-white">
								亲爱的开拓者：<br />
								《崩坏：星穹铁道》2.2新版本内容招募活动「等醒来再哭泣」
								现已在多平台开启，欢迎开拓者前往米游社、哔哩哔哩、微博、
								抖音、快手、小红书、微信视频号、QQ频道等平台分享创作内容，
								赢取百万激励金及丰厚奖品。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/活动3.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 活动4 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">活动</p>
								<a class="nav-link a-1 font-weight-bold">
									「航『星』一载」周年福利活动正式开启
								</a>
							</div>
							<p class="a2 text-white">
								亲爱的开拓者：<br />
								「航『星』一载」网页活动现已上线！
								本次活动为《崩坏：星穹铁道》联合「米游铺：货全杂货铺」共同出品。
								总计放送1万份周边礼包，30万份免费周边。开拓者完成抽奖任务最高可
								获得60星琼奖励，邀请好友还可获得更多抽奖机会。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/活动4.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
				</div>

				<!-- 公告标签 -->
				<div class="tab-pane fade" id="gonggao">
					<!-- 公告1 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">公告</p>
								<a class="nav-link a-1 font-weight-bold">
									《崩坏：星穹铁道》跃迁概率
								</a>
							</div>
							<p class="a2 text-white">
								有效时间：永久<br />
								「始发跃迁」为永久跃迁，开拓者仅可进行十连跃迁，每10次跃迁必定获取至少1个
								4星或以上的角色或光锥。十连跃迁所消耗的「星轨通票」享受8折优惠。本跃迁存在
								参与次数上限，最高为50次。50次跃迁内必定获取1个或以上的5星角色。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/跃迁.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 公告2 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">公告</p>
								<a class="nav-link a-1 font-weight-bold">
									光锥活动跃迁：「流光定影」、「溯回忆象」
								</a>
							</div>
							<p class="a2 text-white">
								活动期间：<br />
								限定5星光锥「梦应归于何处（毁灭）」，限定5星光锥「镜中故我（同谐）」，
								4星光锥「记忆中的模样（同谐）」，「余生的第一天（存护）」，「猎物的视线（虚无）」
								跃迁成功概率限时提升。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/卡池.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 公告3 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">公告</p>
								<a class="nav-link a-1 font-weight-bold">
									角色活动跃迁：「盈茧炽盛」、「疏影三迭」
								</a>
							</div>
							<p class="a2 text-white">
								活动期间：<br />
								限定5星角色「流萤（毁灭•火）」，限定5星角色「阮•梅（同谐•冰）」，
								4星角色「加拉赫（丰饶•火）」，「米沙（毁灭•冰）」，「雪衣（毁灭•量子）」
								跃迁成功概率限时提升。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/角色卡池.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
					<!-- 公告4 -->
					<div class="row mt-3 tongyong">
						<div class="col-lg-9 col-9">
							<div class="row">
								<p class="text-warning tong">公告</p>
								<a class="nav-link a-1 font-weight-bold">
									2.3版本更新维护预告
								</a>
							</div>
							<p class="a2 text-white">
								亲爱的开拓者：<br />
								列车组预计近期进行版本更新维护，维护完成后将更新至2.3版本「再见，匹诺康尼」。<br />
								维护期间无法登录游戏，请开拓者注意合理安排游戏时间。维护完成后需要更新客户端，
								游戏资源较大，建议开拓者在Wi-Fi环境下升级。
							</p>
						</div>
						<div class="col-lg-3 col-3">
							<a href="#">
								<img src="images/维护.png" alt="" width="240px" height="100px"
									style="margin: 15px 10px 15px 20px;" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>


	</body>
	<footer class="text-center text-white mt-3 mb-3 bg-dark">
		<h5 class="mb-0">健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。</h5>
		<h5 class="mb-0">客服电话：400-666-6312</h5>
		<p class="ca mb-0 mr-2">&copy;
			<span class="text-col"> 米哈游版权所有 |</span><span class="text-col2"> 上海米哈游影铁科技有限公司 </span>
		</p>
		<p>新闻页面的添加</p>
	</footer>
</html>